#ice-container {
  background-color: #fff;
  background-image: url('https://img.alicdn.com/imgextra/i1/1677051488/O1CN01xBlTZ91MrYL1xBV2Q_!!1677051488-2-tblife2_ugc.png');
  background-repeat: no-repeat;
  background-size: cover; /* 确保图片覆盖整个元素 */
  background-position: left -10px top 32px;
  background-attachment: fixed; /* 固定背景，不随滚动条滚动 */
  opacity: 0.8; /* 设置透明度为 80% */
  position: relative; /* 设置相对定位 */
  padding-top: 34px !important;
  padding-left: 0 !important;
  &::before {
    background-image: url('https://img.alicdn.com/imgextra/i4/1677051488/O1CN01a7nVaw1MrYL9U2AxZ_!!1677051488-2-tblife2_ugc.png');
    content: ''; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    width: calc(120px * 397 / 347); /* 根据高度和宽高比计算宽度 */
    height: 120px;
    top: -5px;
    right: 40px;
    background-repeat: no-repeat;
    background-size: contain; /* 背景图片覆盖整个伪元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: center;
    transition: opacity 0.3s; /* 透明度变化的过渡效果 */
    opacity: 1; /* 默认显示 */
  }
  .top {
    margin: 0 auto;
    width: 1552px;
    background-color: rgba(244, 232, 222, 0.9);
    /* backdrop-filter: blur(10px); */
    &::after {
      content: ''; /* 伪元素内容为空 */
      position: absolute; /* 绝对定位 */
      width: 1552px; /* 宽度与父元素相同 */
      background-color: rgb(250,234,212, 1);
      height: 40px;
    }
  }
  .wrap-fixed .top {
    width: 100% !important;
    &::after {
      content: ''; /* 伪元素内容为空 */
      position: absolute; /* 绝对定位 */
      display: none;
    }
  }
  .cup {
    margin-top: 30px;
  }
  .tbh-superbanner {
    position: relative;
    width: 1552px;
    margin: 0 auto;
    display: none;
  }
  .tbh-hotsale  {
    overflow: unset;
  }

  .search-suggest-menu {
    
    background-color: rgba(244, 232, 222, 0.5) !important;
    backdrop-filter: blur(60px);
  }
  
  .tb-pick-content-item:nth-child(4):hover::before {
    display: none;
  }

  .tb-pick-feeds-container {
    padding: 24px;
  }
  .tb-pick-feeds-container::before {
    background-image: url('https://img.alicdn.com/imgextra/i4/1677051488/O1CN0157Vvah1MrYL147Zfz_!!1677051488-2-tblife2_ugc.png');
    content: ''; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    width: calc(140px * 397 / 423); /* 根据高度和宽高比计算宽度 */
    height: 140px; /* 图片的高度，根据实际情况调整 */
    left: -90px;
    top: 180px;
    background-size: contain; /* 背景图片覆盖整个伪元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: left; /* 背景图片居中显示 */
    transition: opacity 0.3s; /* 透明度变化的过渡效果 */
    opacity: 1; /* 默认显示 */
  }
  .tbh-search::before {
    background-image: url('https://img.alicdn.com/imgextra/i3/1677051488/O1CN01iVkHsa1MrYL8jV4aD_!!1677051488-2-tblife2_ugc.png');
    content: ''; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    width: calc(50px * 416 / 254); /* 根据高度和宽高比计算宽度 */
    height: 50px;
    left: 550px;
    top: -50px;
    background-size: contain; /* 背景图片覆盖整个伪元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: left; /* 背景图片居中显示 */
    transition: opacity 0.3s; /* 透明度变化的过渡效果 */
    opacity: 1; /* 默认显示 */
  }
  /*  猜你喜欢 明示 */
  
  .smallTabList::after {
    background-image: url('https://img.alicdn.com/imgextra/i4/1677051488/O1CN01sQ2XIo1MrYKtFwYw7_!!1677051488-2-tblife2_ugc.png');
    content: ''; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    width: calc(20px * 376 / 35); /* 根据高度和宽高比计算宽度 */
    height: 20px; /* 图片的高度，根据实际情况调整 */
    right: 16px;
    bottom: -30px;
    background-size: contain; /* 背景图片覆盖整个伪元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: center; /* 背景图片居中显示 */
    transition: opacity 0.3s; /* 透明度变化的过渡效果 */
    opacity: 1; /* 默认显示 */
  }
  .layer {
    position: relative;
    &::before {
      content: ''; /* 伪元素内容为空 */
      position: absolute; /* 绝对定位 */
      width: 100%; /* 宽度与父元素相同 */
      background-color: rgb(250,234,212, 1);
      height: 26px;
      top: -18px;
      
    }
  }
  .smallTabListInnerWrapper {
    position: relative;
    
    &::after {
      background-image: url('https://img.alicdn.com/imgextra/i1/1677051488/O1CN01AmbQBg1MrYKvMa7UO_!!1677051488-2-tblife2_ugc.png');
      content: ''; /* 伪元素内容为空 */
      position: absolute; /* 绝对定位 */
      width: calc(62px * 800 / 150); /* 根据高度和宽高比计算宽度 */
      height: 60px;
      top: -22px;
      right: 0px;
      background-repeat: no-repeat;
      background-size: contain; /* 背景图片覆盖整个伪元素 */
      background-repeat: no-repeat; /* 背景图片不重复 */
      background-position: center;
      transition: opacity 0.3s; /* 透明度变化的过渡效果 */
      opacity: 0; /* 默认显示 */
    }
  }
  .tbh-nav {
    position: relative;
  }
  /*  顶部导航底部 */
  .tbh-nav::before {
    background-image: url('https://img.alicdn.com/imgextra/i4/1677051488/O1CN01dTCZR51MrYL5pqtH8_!!1677051488-2-tblife2_ugc.png');
    content: ''; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    width: calc(50px * 800 / 150); /* 根据高度和宽高比计算宽度 */
    height: 50px; /* 图片的高度，根据实际情况调整 */
    left: -30px;
    top: -46px;
    background-size: contain; /* 背景图片覆盖整个伪元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: left; /* 背景图片居中显示 */
    transition: opacity 0.3s; /* 透明度变化的过渡效果 */
    opacity: 1; /* 默认显示 */
  }
  .tbh-nav::after {
    background-image: url('https://img.alicdn.com/imgextra/i2/1677051488/O1CN01u78pmK1MrYL0f5e8U_!!1677051488-2-tblife2_ugc.png');
    content: ''; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    width: calc(20px * 547 / 47); /* 根据高度和宽高比计算宽度 */
    height: 20px; /* 图片的高度，根据实际情况调整 */
    bottom: -17px;
    left: 180px;
    background-repeat: no-repeat;
    background-size: contain; /* 背景图片覆盖整个伪元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: left; /* 背景图片居左显示 */
    transition: opacity 0.3s; /* 透明度变化的过渡效果 */
    opacity: 1; /* 默认显示 */
  }
  .col-right::before {
    background-image: url('https://img.alicdn.com/imgextra/i1/1677051488/O1CN01zSFXud1MrYL3LzoUb_!!1677051488-2-tblife2_ugc.png');
    content: ''; /* 伪元素内容为空 */
    position: absolute; /* 绝对定位 */
    width: calc(50px * 800 / 150); /* 根据高度和宽高比计算宽度 */
    height: 50px; /* 图片的高度，根据实际情况调整 */
    left: -200px;
    top: -46px;
    background-size: contain; /* 背景图片覆盖整个伪元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: left; /* 背景图片居中显示 */
    transition: opacity 0.3s; /* 透明度变化的过渡效果 */
    opacity: 1; /* 默认显示 */
  }
  .business-entry-container {
    position: relative;
    &::after {
      background-image: url('https://img.alicdn.com/imgextra/i3/1677051488/O1CN01fTDEJf1MrYL2t6F8z_!!1677051488-2-tblife2_ugc.png');
      content: ''; /* 伪元素内容为空 */
      position: absolute; /* 绝对定位 */
      width: calc(240px * 169 / 900); /* 根据高度和宽高比计算宽度 */
      top: 30px;
      left: 735px;
      height: 240px;
      background-repeat: no-repeat;
      background-size: contain; /* 背景图片覆盖整个伪元素 */
      background-repeat: no-repeat; /* 背景图片不重复 */
      background-position: left; /* 背景图片居左显示 */
      transition: opacity 0.3s; /* 透明度变化的过渡效果 */
      opacity: 1; /* 默认显示 */
      z-index: 1;
    }
  }
  [class*="cate-links-container--"] {
    background-color: rgb(244,232,222, 0.5);
    backdrop-filter: blur(80px);
  }

  [class*="sec-cate--"] [class*="sec-cate-container--"] {
    background-color: rgb(244,232,222, 1) !important;
    backdrop-filter: blur(80px);
  }
  [class*="superbanner-background-image--"] {
    left: 0;
    position: absolute;
    top: 0;
    max-width: 100%;
    transform: scale(2.5);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .smallTabListWrapperFixed {
    background-color: transparent;
    margin: 0 auto;
    .smallTabListInnerWrapper {
      background-color: #fff;
    }
  }
  .screen-outer {
    background-color: rgba(244, 232, 222, 1) !important;
  }
  .main-inner, .main {
    background-color: rgba(244, 232, 222, 0.5) !important;
    backdrop-filter: blur(10px);
  }
  .layer-inner {
    background-color: rgb(250,234,212, 1) !important;
  }

  .screen-outer, .layer-inner {
    border: #e9c4b2 1px solid;
    margin-top: 16px;
    border-radius: 4px;
  }
  [class*="container--"] {
    background-color: rgba(244, 232, 222, 0.5) !important;
  }
  .business-entry-large-item-card {
    background-color: rgb(247, 247, 247, 0.5) !important;
  }
  .business-entry-small-item-card {
    background-color: rgb(247, 247, 247, 0.5) !important;
  }
  .business-entry-bbs-card {
    background-color: rgb(247, 247, 247, 0.5) !important;
  }
}

.s1680 .bottom,.s1680 .screen,.s1680 .screen-outer,.s1680 .seat,.s1680 .tbh-hotsale,.s1680 .top-wrap {
  width: 1296px
}
@media screen and (max-width: 1639px) and (min-width:1400px) {
  .bottom,.screen,.screen-outer,.seat,.tbh-hotsale,.top-wrap {
      width:1296px
  }
  #ice-container {
    .top {
      margin: 0 auto;
      width: 1296px;
      background-color: rgba(244, 232, 222, 0.9);
      /* backdrop-filter: blur(10px); */
      &::after {
        content: ''; /* 伪元素内容为空 */
        position: absolute; /* 绝对定位 */
        width: 1296px; /* 宽度与父元素相同 */
        background-color: rgb(250,234,212, 1);
        height: 40px;
      }
    }
    .tbh-superbanner {
      position: relative;
      width: 1296px;
      margin: 0 auto;
    }
  }
}

.s1440 .bottom,.s1440 .screen,.s1440 .screen-outer,.s1440 .seat,.s1440 .tbh-hotsale,.s1440 .top-wrap {
  width: 1040px
}

.s1440 #ice-container {
  .top {
    margin: 0 auto;
    width: 1040px;
    background-color: rgba(244, 232, 222, 0.9);
    /* backdrop-filter: blur(10px); */
    &::after {
      content: ''; /* 伪元素内容为空 */
      position: absolute; /* 绝对定位 */
      width: 1040px; /* 宽度与父元素相同 */
      background-color: rgb(250,234,212, 1);
      height: 40px;
    }
  }
  .tbh-superbanner {
    position: relative;
    width: 1040px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1399px) {
  .bottom,.screen,.screen-outer,.seat,.tbh-hotsale,.top-wrap {
      width:1040px
  }
  #ice-container {
    .top {
      margin: 0 auto;
      width: 1040px;
      background-color: rgba(244, 232, 222, 0.9);
      /* backdrop-filter: blur(10px); */
      &::after {
        content: ''; /* 伪元素内容为空 */
        position: absolute; /* 绝对定位 */
        width: 1040px; /* 宽度与父元素相同 */
        background-color: rgb(250,234,212, 1);
        height: 40px;
      }
    }
    .smallTabListInnerWrapper {
      
      &::after {
       
        display: none; /* 默认显示 */
      }
    }
    .tbh-superbanner {
      position: relative;
      width: 1040px;
      margin: 0 auto;
    }
  }
}

/* 定义一个类选择器，用于隐藏 .item 元素 */
.hide-item {
  display: none;
}

.tbh-search {
  margin-left: 272px;
  margin-right: 272px;

}

#ice-container .tb-pick-content-item {
  background-color: var(--tbpc-white-color,#fff);
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  height: 378px;
  margin: 0 0 42px 16px;
  position: relative;
  transition: all .5s;
  width: 272px;
  margin-left: 24px;
  padding: 16px;
  .hover-border {
    height: 386px;
    width: 279px;
  }
}

.hover-border {
  border: 1px solid transparent;
  border-radius: 12px;
  box-sizing: border-box;
  height: 366px;
  left: -4px;
  position: absolute;
  top: -4px;
  width: 248px
}

.hover-border:hover {
  border: 1px solid var(--tbpc-primary-theme-color,#ff5000)
}

.tb-pick-content-item::before,
.tb-pick-content-item::after {
  content: ''; /* 伪元素内容为空 */
  position: absolute; /* 绝对定位 */
  width: 100%; /* 宽度与父元素相同 */
  height: 50px; /* 图片的高度，根据实际情况调整 */
  background-size: cover; /* 背景图片覆盖整个伪元素 */
  background-repeat: no-repeat; /* 背景图片不重复 */
  background-position: center; /* 背景图片居中显示 */
  transition: opacity 0.3s; /* 透明度变化的过渡效果 */
  opacity: 0; /* 默认不显示 */
}

.tb-pick-content-item::before {
  top: -50px; /* 顶部图片位置，根据实际情况调整 */
  width: 60px;
  height: 50px;
  background-size: contain;
  background-image: url('https://img.alicdn.com/imgextra/i4/1677051488/O1CN01zze7gN1MrYL7hAGVq_!!1677051488-2-tblife2_ugc.png'); /* 顶部图片的URL */
}

.tb-pick-content-item::after {
  width: 60px;
  background-size: contain;
  right: 0;
  bottom: -10px; /* 底部图片位置，根据实际情况调整 */
  background-image: url('https://img.alicdn.com/imgextra/i3/1677051488/O1CN01iVkHsa1MrYL8jV4aD_!!1677051488-2-tblife2_ugc.png'); /* 底部小猫图片的URL */
}

.tb-pick-content-item:hover::before,
.tb-pick-content-item:hover::after {
  opacity: 1; /* 悬停时显示图片 */
}

.search-decorations {
  background-color: var(--tbpc-white-color,#fff);
  border-radius: 18px 18px 0 0;
  margin: 0 auto;
  position: relative;
  width: 1552px
}

.tbh-superbanner {
  min-width: 1552px
}

.superbanner-inner {
  min-width: 1552px;
  width: 1552px
}


@media screen and (max-width: 1639px) and (min-width:1400px) {
  .bottom,.screen,.screen-outer,.seat,.tbh-hotsale,.top-wrap {
      width:1296px
  }

  .tbh-search {
      margin-left: 272px;
      margin-right: 272px
  }

  .search-decorations {
      background-color: var(--tbpc-white-color,#fff);
      border-radius: 18px 18px 0 0;
      margin: 0 auto;
      width: 1296px
  }
  .smallTabListInnerWrapper {
      
    &::after {
     
      opacity: 0; /* 默认显示 */
    }
  }
  .nav .nav-bd.last {
      display: none
  }

  div.tbh-nav .nav {
      border-radius: 18px 18px 0 0;
      padding-top: 6px;
      width: 882px
  }

  .main .core {
      overflow: hidden;
      width: 752px
  }

  .layer {
      background: var(--tbpc-white-color,#fff)
  }

  .layer,div.footer {
      width: 1296px
  }

  .tbh-superbanner {
      min-width: 1296px
  }

  .superbanner-inner {
      min-width: 1296px;
      width: 1296px
  }

  .superbanner-inner .item-5 {
      display: none
  }

  .tbh-business-entry {
      height: 336px;
      width: 752px
  }

  .smallTabListInnerWrapper {
      width: 1296px
  }
}

.s1440 .bottom,.s1440 .screen,.s1440 .screen-outer,.s1440 .seat,.s1440 .tbh-hotsale,.s1440 .top-wrap {
  width: 1040px
}

.s1440 .tbh-search {
  margin-left: 272px;
  margin-right: 272px
}

.s1440 .search-decorations {
  background-color: var(--tbpc-white-color,#fff);
  border-radius: 18px 18px 0 0;
  margin: 0 auto;
  width: 1040px
}

.s1440 .nav .nav-bd.last {
  display: none
}

.s1440 div.tbh-nav .nav {
  border-radius: 18px 18px 0 0;
  padding-top: 6px;
  width: 654px
}

.s1440 .main .core {
  overflow: hidden;
  width: 496px
}

.s1440 .layer {
  background: var(--tbpc-white-color,#fff);
  width: 1040px
}

.s1440 div.footer {
  width: 1040px
}

.s1440 .tbh-superbanner {
  min-width: 1040px
}

.s1440 .superbanner-inner {
  min-width: 1040px;
  width: 1040px
}

.s1440 .superbanner-inner .item-4,.s1440 .superbanner-inner .item-5 {
  display: none
}

.s1440 .tbh-business-entry {
  height: 336px;
  width: 496px
}

.s1440 .smallTabListInnerWrapper {
  width: 1040px
}

@media screen and (max-width: 1399px) {
  .bottom,.screen,.screen-outer,.seat,.tbh-hotsale,.top-wrap {
      width:1040px
  }

  .tbh-search {
      margin-left: 272px;
      margin-right: 272px
  }

  .search-decorations {
      background-color: var(--tbpc-white-color,#fff);
      border-radius: 18px 18px 0 0;
      margin: 0 auto;
      width: 1040px
  }

  .nav .nav-bd.last {
      display: none
  }

  div.tbh-nav .nav {
      border-radius: 18px 18px 0 0;
      padding-top: 6px;
      width: 654px
  }

  .main .core {
      overflow: hidden;
      width: 496px
  }

  .layer {
      background: var(--tbpc-white-color,#fff)
  }

  .layer,div.footer {
      width: 1040px
  }

  .tbh-superbanner {
      min-width: 1040px
  }

  .superbanner-inner {
      min-width: 1040px;
      width: 1040px
  }

  .superbanner-inner .item-4,.superbanner-inner .item-5 {
      display: none
  }

  .tbh-business-entry {
      height: 336px;
      width: 496px
  }

  .smallTabListInnerWrapper {
      width: 1040px
  }
}

.s1280 body,.s1280 html {
  overflow-x: scroll
}

.s1280 .site-nav .site-nav-bd {
  width: 1040px!important
}

.s1280 .tbh-superbanner {
  overflow: hidden
}

@media screen and (max-width: 1039px) {
  body,html {
      overflow-x:scroll
  }

  .site-nav .site-nav-bd {
      width: 1040px!important
  }

  .tbh-superbanner {
      overflow: hidden
  }
}

